<html >
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>关于我们</title>
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
      
    </head>
    <style >
        html{font-size: 20px}
        body{
        background-color: #F3F3F3
        }
        .row{
            background-color: #fff;
        }
        .bar-positive{
             background-color: #07E9A1 !important;
        }
         .bar-title h4{
            background-color: #07E9A1;
            text-align: center;
            color: #fff;
            height: 2rem;
            line-height: 2rem;
            margin-top: 0;
            margin-bottom: 0;
        }
        .row{
        	background:url("img/beijing.png") no-repeat;
        	width: 100%;
        	background-size: 100% 100%;
        	height: 100%;
        	text-align: center;
        	padding: 3rem 0 0 0;
        	position: relative;
        }
        img{
        	width: 2.4rem;
        	height: 2.4rem;
        }
        .img-title{
        	color: #fff;
        	font-size: 24px;
        	font-weight: bold;
        	margin-top: 0.5rem;
        	letter-spacing: 0.1rem;
        }
        .foot-font{
        	width: 100%;
        	text-align: center;
        	position: absolute;
        	bottom: 2rem;
        	color: #A7A7A7;
        }
       
    </style>
    <body >

     <ion-header-bar  class="bar-positive bar-title">
             <h4 class="title">关于我们</h4>
     </ion-header-bar>

     <ion-content>
     	<div class="row">
     		<div class="col">
     			<img src="img/dog-tx.png">
     			<br>
     			<p class="img-title">狗天下</p>
     			<p class="foot-font">我们会做的更好 1.0</p>
     		</div>
     		
     		
     	</div>     
     </ion-content>
    
  </body>
</html>
